@red: #ff3044;
@blue: #32a8ff;
@green: #75bf26;
@orange: #f5b400;
@grey: #c5c5c5;
@border-color: #eaeaea;
@back-grey: #f4f4f4;

.wea-myBlog-weibo {
  margin: 0;
  overflow-y: auto;
  overflow-x: hidden;
  .wea-scroll-pagination {
    .wea-sp-content {
      .ant-timeline {
        .wea-timeline-item {
          .ant-timeline-item-head {
            background-color: @back-grey;
          }
        }
      }
    }
    .wea-split-line {
      .wea-sl-wrap {
        .wea-sl-text {
          background-color: @back-grey;
        }
      }
    }
  }
  .weiboNoTime {
    margin-left: 16px;
  }
  .wea-mbw-edit {
    width: 100%;
    //border: 1px solid @border-color;
    margin-bottom: 16px;
  }
  .wea-mbw-container {
    position: relative;
    width: 100%;
    border-top: 1px solid @border-color;
    border-bottom: none;
    padding: 10px 0;
    background-color: #fff;
    .wea-mbwc-submit {
      position: absolute;
      right: -1px;
      top: -1px;
      border: 1px solid @border-color;
      padding: 8px 16px;
      color: @blue;
      cursor: pointer;
    }
    .wea-mbwc-score {
      position: absolute;
      right: -1px;
      top: -1px;
      margin: 10px 42px 0 0;
    }
    .wea-mbwc-type {
      position: absolute;
      right: -1px;
      top: -1px;
      margin: 10px 10px 0 0;
    }
    .wea-mbwc-normal {
      //min-height: 64px;
      padding: 0px 10px;
    }
    .wea-mbwc-expired {

    }
    .wea-mbwc-white {
      height: 64px;
      line-height: 64px;
      text-align: center;
      position: relative;
    }
    .wea-mbwc-top {
      .wea-mbwct-item {
        height: 40px;
        line-height: 40px;
        display: inline-block;
        margin-left: 10px;
        vertical-align: middle;
        .authority-item {
          padding: 3px 6px;
          border-radius: 3px;
        }
        .authority-one {
          color: @grey;
          border: 1px solid @border-color;
        }
        .authority-many {
          color: @blue;
          cursor: pointer;
          border: 1px solid @blue;
        }
      }
      .wea-mbwct-name {
        //color: @grey;
        font-size: 12px;
        cursor: pointer;
        color: @blue;
      }
      .wea-mbwct-mood {
        font-size: 16px;
      }
      .wea-mbwct-readed {
        font-size: 24px;
        color: @red;
      }
    }
    .wea-mbwc-bottom {
      height: 42px;
      .wea-mbwcb-item {
        display: block;
        margin: 24px 0px 0 10px;
      }
      .wea-mbwcb-left {
        color: @grey;
        float: left;
      }
      .wea-mbwcb-right {
        float: right;
        color: #484848;
        .wea-mbwcbr-item {
          display: inline-block;
          font-size: 14px;
          margin-right: 16px;
          cursor: pointer;
        }
      }
    }
    .wea-nbwc-workRecord {
      border-top: 1px dotted @border-color;
      margin: 17px 0 0 0;
      .ant-tabs-bar {
        margin: 12px 0 6px 0;
        .ant-tabs-nav-container {
          height: auto;
          line-height: 16px;
          .ant-tabs-nav-wrap {
            margin-left: 16px;
          }
        }
      }
      .ant-tabs-content {
        padding: 8px;
      }
    }
  }
  .wea-mbw-container-last {
    border-bottom: 1px solid @border-color;
  }
  .ant-pagination {
    font-size: 12px;
    margin: 7px;
    float: right;
  }
}

.wea-work-record-list {
  li {
    border-bottom: 1px dotted @border-color;
    padding: 6px 8px 0 8px;
    .wea-wrl-item {
      padding: 0px 0 8px 0;
    }
    .wea-wrl-title {
      .wea-wrlt-item {

      }
      .wea-wrlt-key {
        display: inline-block;
        width: 24px;
        &:after {
          content: "、"
        }
      }
      .wea-wrlt-content {
        cursor: pointer;
        &:hover {
          color: @blue;
        }
      }
    }
    .wea-wrl-content {
      color: @grey;
      padding-left: 24px;
    }
  }
  li.wea-wrl-none {
    color: @grey;
    padding-bottom: 8px;
  }
}

.wea-comment-list {
  background-color: #f7fafd;
  border: 1px solid @border-color;
  margin: 10px 10px 0 10px;
  li {
    border-bottom: 1px dotted @border-color;
    .wea-cl-title {
      padding: 12px 12px 10px 12px;
      .wea-clt-item {
        margin-right: 12px;
      }
      .wea-clt-name {
        color: #989da6;
        cursor: pointer;
        &:hover {
          color: @blue;
        }
      }
      .wea-clt-date {
        color: #989da6;
      }
      .wea-clt-private {
        color: #2e4b7c;
      }
      .wea-clt-from {
        color: #2e4b7c;
      }
      .wea-clt-delete {
        font-size: 14px;
        color: #2e4b7c;
        cursor: pointer;
        &:hover {
          color: @blue;
        }
      }
      .wea-clt-add {
        font-size: 14px;
        color: #2e4b7c;
        cursor: pointer;
        &:hover {
          color: @blue;
        }
      }
    }
    .wea-cl-content {
      padding: 0 12px 5px 12px;
      .wea-clc-item {
        margin-right: 8px;
      }
      .wea-clc-mailto {
        color: @blue
      }
      .wea-clc-content {
        color: #000
      }
    }
  }
  li:last-child {
    border: none;
  }
}

.wea-weibo-comment-bar {
  height: 32px;
  line-height: 32px;
  vertical-align: middle;
  .wea-wcb-private {
    float: right;
    margin-right:16px;
  }
  .wea-wcb-cancel {
    float: right;
  }
  .wea-wcb-submit {
    float: right;
    margin-right: 16px;
  }
}

.wea-weibo-weibo-bar {
  width: 100%;
  height: 48px;
  line-height: 32px;
  vertical-align: middle;
  padding: 8px 0;
  border: 1px solid @border-color;
  background-color: #fff;
  button.wea-wwb-authority {
    float: left;
    margin-right: 10px;
  }
  button.wea-wwb-cancel {
    float: right;
  }
  button.wea-wwb-publish {
    float: right;
    margin-right: 10px;
  }
  button.wea-wwb-save {
    float: right;
    margin-right: 10px;
  }
}
.ant-modal-footer{
  .wea-weibo-weibo-bar {
    button.wea-wwb-save {
      float: right;
      margin-right: 8px;
    }
  }
}

.wea-myBlog-weibo .ant-timeline .wea-timeline-item .ant-timeline-item-head {
  background-color: @back-grey;
}
.wea-myBlog-weibo .wea-split-line .wea-sl-wrap .wea-sl-text {
  background-color: @back-grey;
}